<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>

<style>

	.shopArg{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-bottom: 10px;
	}
	.shopModel,.shopArguments{
		width: 100px;
		height: 30px;
		margin-right: 10px;
	}
	.shopSize,.shopVal{
		height: 30px;
		margin-right: 10px;
	}

	.changeAdd,.changeArg,.changeArgDele,.changeAddDele{
		cursor:pointer;
		user-select:none;
	}

</style>

<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="signupForm">
                                                                							                                                                <div class="form-group">	
								<label class="col-sm-3 control-label">商品分类：</label>
								<div class="col-sm-8">

									<select name="type" id="type" class="form-control">
										<option value="">请选择</option>
										<option value="1">特产</option>
										<option value="2">课程</option>
										<option value="3">参编</option>
										<option value="4">证书物料</option>
										<option value="5">其它物品</option>
									</select>
									
<!--									<input id="type" name="type" placeholder="type" class="form-control" type="text">-->
																			
								</div>
							</div>
														                                                                <div class="form-group">	
								<label class="col-sm-3 control-label">商品名称：</label>
								<div class="col-sm-8">
																			                                            <input id="commodityName" name="commodityName" placeholder="commodityName" class="form-control" type="text">
																			
								</div>
							</div>
														                                                                <div class="form-group">	
								<label class="col-sm-3 control-label">商品价格：</label>
								<div class="col-sm-8">
																			                                            <input id="commodityPrices" name="commodityPrices" placeholder="commodityPrices" class="form-control" type="text">
																			
								</div>
							</div>
<!--														                                                                <div class="form-group">	-->
<!--								<label class="col-sm-3 control-label">商品描述：</label>-->
<!--								<div class="col-sm-8">-->
<!--																			                                            <input id="commodityDescribe" name="commodityDescribe" placeholder="commodityDescribe" class="form-control" type="text">-->
<!--																			-->
<!--								</div>-->
<!--							</div>-->
<!--							<div class="form-group">-->
<!--								<label class="col-sm-3 control-label">商品描述：</label>-->
<!--								<div class="col-sm-8">-->
<!--									<input id="commodityDescribe" name="commodityDescribe" type="hidden" >-->
<!--									<div class="ibox-content no-padding">-->
<!--										<div id="trainingForm_sn" class="brandCharacteristics editor"></div>-->
<!--									</div>-->
<!--								</div>-->
<!--							</div>-->
														                                                                <div class="form-group">	
								<label class="col-sm-3 control-label">商品规格：</label>
								<div class="col-sm-8 shopBox">
									<input type="hidden" name="specificationName" id="specificationName">
									<div class="shopArg">
										<input type="text" class="shopModel">
										<input type="text" class="shopSize">
										<div class="clickInfinite">
											<p class="changeAdd">添加规格</p>
										</div>
									</div>
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label">商品参数：</label>
								<input type="hidden" name="parameter" id="specification">
								<div class="col-sm-8 shopNew">
									<div class="shopArg">
										<input type="text" class="shopArguments">
										<input type="text" class="shopVal">
										<div class="clickInfinite">
											<p class="changeArg">添加参数</p>
										</div>
									</div>

								</div>
							</div>
														                                                                <div class="form-group">	
								<label class="col-sm-3 control-label">商品库存数量：</label>
								<div class="col-sm-8">
																			                                            <input id="inventoryQuantity" name="inventoryQuantity" placeholder="inventoryQuantity" class="form-control" type="text">
																			
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">商品轮播图</label>

								<div class="col-sm-8">

									<div id="brandImgs"></div>
									<input type="hidden" id="brandImg" name="commodityImg">
									<button type="button" class="btn btn-success" id="btnAdd" style="margin-top: 10px;">
										<i class="fa fa-cloud"></i>上传商品图片
									</button>

								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-3 control-label">商品详情图:</label>

								<div id="brandImgs1"></div>
								<input type="hidden" id="brandImg1" name="commodityParticularsImg" multiple accept="jpg, .jpeg, .png">
								<button type="button" class="btn btn-success" id="btnAdd1" style="margin-top: 10px;">
									<i class="fa fa-cloud"></i>多图片上传
								</button>
<!--								<div class="col-sm-8">-->
<!--									<input id="commodityImg" name="commodityImg"  placeholder="commodityImg" class="form-control" type="text">-->
<!--								</div>-->

							</div>

														                                                                <div class="form-group">	
								<label class="col-sm-3 control-label">库存预警阅值：</label>
								<div class="col-sm-8">
																			                                            <input id="threshold" name="threshold" placeholder="threshold" class="form-control" type="text">
																			
								</div>
							</div>

<!--														                                                                <div class="form-group">	-->
<!--								<label class="col-sm-3 control-label">商品图片地址（多个逗号隔开）：</label>-->
<!--								<div class="col-sm-8">-->
<!--																			                                            <input id="commodityParticularsImg" name="commodityParticularsImg" placeholder="commodityParticularsImg" class="form-control" type="text">-->
<!--																			-->
<!--								</div>-->
<!--							</div>-->
																					<div class="form-group">
								<div class="col-sm-8 col-sm-offset-3">
<!--									<button type="submit" class="btn btn-primary">提交</button>-->
									<button onclick="save()" class="btn btn-primary">提交</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
	</div>
	</div>
	<div th:include="include::footer"></div>
	<script src="//s.xlongwei.com/res/js/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript" src="/js/webJs/jzweb/reserveStoreCommodity/add.js"></script>
</body>
</html>

<style>
	#brandImgs{
		display: table;
		width: 100%;
	}
	.closeBtn{
		position: relative;
		cursor:pointer;
		width:150px;height:150px;
		margin-right: 15px;margin-bottom: 15px;
		float: left;
	}

	.closeBtn .upImg{
		width:100%;height:100%;display:block;border-radius: 5px;

	}

	.closeBtn .iconclose{
		position: absolute;
		top: 5px;
		right: 5px;
		width: 16px;
		height: 16px;
	}
	.closeBtn .iconclose img{
		width: 100%;
		height: 100%;
	}

</style>